<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style type="text/css">
			div img{
				width: 100px;
				height: 140px;
			}
			
			.box1 .one{
				margin-left: 120px;
				margin-top: -167px;
				width: 300px;
			}
			.box1 .one span{
				display: inline-block;
			}
			.one h3{
				display: inline-block;
			}
			.one span{
				display: inline-block;
				float: right;
				margin-top: 20px;
				color: red;
			}
			
			.one .icon1{
				display: inline-block;
				height: 21px;
				width: 130px;
				/* margin-top: -30px; */
			}
            .one .icon1 div{
				width: 50px;
				height: 21px;
				/* background: url("img/jpg"); */
				display: inline-block;
				
			}
			.one .icon1 div img{
				height: 30px;
				width: 30px;
			}
			.one .icon1 span{
				display: inline-block;
				margin-top: 0;
				margin-left: -10px;
			}
			
			.box1{
				margin-top: 20px;
			}
			
			.content{
				height: 400px;
				width: 400px;
				/* background: grey; */
				margin: 30px 30px;
			}
			.box1 .one{
				/* background: gold; */
				line-height: 18px;
			}
			.content .one p{
				display: inline-block;
				
			}
			.content .aa{
				height: 150px;
				width: 150px;
				border: 10px solid #dadfe7;
				display: inline-block;
				margin: 13px;
			}
			
			.content .aa span{
				font-weight: bold;
				font-size: 20px;
				padding: 5px;
			}
			
			.content .aa div{
				width: 70%;
				height: 100px;
				display: inline-block;
			}
			
			.content .aa .a{
				display: inline-block;
				height: 40px;
				width: 40px;
				/* border: 1px solid; */
				/* background: url(img/icona.jpg) 10px 0 no-repeat; */
				/* background: gold; */
			}
			.content .aa img{
				height: 40px;
				width: 40px;
			}
		</style>
	</head>
	<body>
		
		<div class="box1">
			<img src="img/timg.jpg" alt="">
			<div class="one">
				<h3>环太平洋</h3>
				<span>468人评论过</span>
				<p>#环太平洋##环太平洋##对影建筑物倒塌、核弹攻击城市、外星人入侵<a href="#">[详细]</a></p>
			    <div class="icon1">
					<div><img src="img/logo.jpg" alt=""></div><span style="color:black;margin-left: 0px;">欧美电影</span>
					
				</div>
			</div>
		</div>
		
		<div class="box1">
			<img src="img/sudu.jpg" alt="">
			<div class="one">
				<h3>速度与激情6</h3>
				<span>468人评论过</span>
				<p>【杰森·斯坦森确定加盟#速激6#】斯坦森饰演第六部大反派欧文·肖。。。<a href="#">[详细]</a></p>
			    <div class="icon1">
					<div><img src="img/logo.jpg" alt=""></div><span style="color:black">欧美电影</span>
					
				</div>
			</div>
		</div>
		
		<div class="box1">
			<img src="img/timg%20(1).jpg" alt="">
			<div class="one">
				<h3>青春派</h3>
				<span>468人评论过</span>
				<p>《青春派》预告片“零差评”其亿增长<a href="#">[详细]</a><span></p>
			    <div class="icon1">
					<div><img src="img/logo.jpg" alt=""></div><span style="color:black">欧美电影</span>
					
				</div>
			</div>
		</div>
		
		<!-- 题二 -->
		<div class="content">
			<div class="aa">
				<span>采购</span>
				<div>
					<p>有创意的想法和充满欲望的开创未来联合聘用人才。。。</p>
				</div>
				<div class="a">
					<img src="img/a.png" alt="">
				</div>
			</div>
			<div class="aa">
				<span>招聘信息</span>
				<div>
					<p>有创意的想法和充满欲望的开创未来联合聘用人才。。。</p>
				</div>
				<div class="a">
					<img src="img/b.png" alt="">
				</div>
			</div>
			<div class="aa">
				<span>文员</span>
				<div>
					<p>有创意的想法和充满欲望的开创未来联合聘用人才。。。</p>
				</div>
				<div class="a">
					<img src="img/c.png" >
				</div>
			</div>
			<div class="aa">
				<span>呼叫中心坐席</span>
				<div>
					<p>有创意的想法和充满欲望的开创未来联合聘用人才。。。</p>
				</div>
				<div class="a">
					<img src="img/d.png" alt="">
				</div>
			</div>
		</div>
	</body>
</html>
